<template>
	<view>
		<view class="list">
			<view class="record borderBottom1" v-for="(item,index) in list" :key='index'>
				<view class="record_left">
					<view class="operation">
						充值金额
					</view>
					<view class="date">
						{{item.date}}
					</view>
				</view>
				<view :class="item.state==1?'add':'reduce'">
					{{item.state==1?'+'+item.price:'-'+item.price}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						date:'2018-09-18 15:30',
						price:'200.00',
						state:0,
						
					},
					{
						date:'2018-09-18 15:30',
						price:'200.00',
						state:1,
						
					},
					{
						date:'2018-09-18 15:30',
						price:'200.00',
						state:1,
						
					},
				]
			};
		}
	}
</script>

<style lang="scss">
	.add{
		font-size: 32rpx;
		color: #18a23f;
		margin-right: 24rpx;
	}
	.reduce{
		font-size: 32rpx;
		color: #ff1e23;
		margin-right: 24rpx;
	}
@import '@/pages/tabbar/personCenter/myWallet/css/record.scss';
</style>
